<!DOCTYPE html>
<html>
<head>
    <title>文章</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/main.css">
</head>
<body>
    <div class="main-wrapper article">

        <header>
            <nav>
                <div class="logo"><a href="index.html">卢奕恒的博客</a></div>
                <ul>
                    <li><a href="in.html">首页</a></li>
                    <li><a href="article.html">文章</a></li>
                    <li><a href="message.html"class="active">留言</a></li>
                    <li class="showSlideBar"><a href="#">关于作者</a></li>
                </ul>
            </nav>
            <div class="banner">
                <div class="inner">
                    <style type="text/css">h1{display:inline;}
                        </style>
                    <h1>给我留言吧</h1>
                    <p></p>
                     <br></br>
                     <div>你才二十岁，你完全可以成为任何你想成为的人。</div>   
                <!-- <div>虽然很差劲，但还是想成为很厉害的嵌入式工程师啊</div> -->
                <!-- <p></p>
                <br></br> -->
                <!-- <div>有点不自量力，但还是想要去过精彩的人生的。</div> -->
                <p></p>
                <br></br>
                <div>这个博客对你有帮助吗？给我留言吧，进行技术之间的交流！</div>     
            </div>  
          
        </header>

        
        <div class="content">
            <form name="log" action="">
            <section class="section-one">
                <div class="wrapper">
                </div>
                         
                        <div style="width:800px;margin: 10px auto;padding-left: 200px;">
                            <h2>留言</h2>
                            <p></p>
                            <table><tr><td>标题：</td><td><input  type="text" style="width:500px" /></td></tr>
                            <tr><td>内容：</td><td><textarea   style="width:500px;height:200px"></textarea></td></tr>
                            <tr><td>留言者：</td><td><input  type="text" style="width:500px" /></td></tr>
                            <tr><td></td><td><input type="reset" value="提交" /></td></tr>
                            </table>
                            

                            </div>
                        </form>
        </div>
       
        
 
    <footer id = "footer">
        <div class="share-group">
            <ul>
                <li><a href="https://blog.csdn.net/weixin_43156471?spm=1011.2124.3001.5113" target="view_window">CSDN</a></li>
                <li><a href="https://gitee.com/quanshiyicunzai" target="view_window">码云</a></li>
               
            </ul>
        </div>
        <div class="copy">
           
            <span>&copy;1103488075@qq.com - Phone：14715142455</span>
        </div>



      
            <div class="mask"></div>
       <!-- 侧边导航栏 -->
          <div class="slideBar">
            <ul>
                <li><a href="#">《网页设计》-大作业-A卷</a></li>
                <li><a href="#">广东科技学院</a></li>
                <li><a href="#">18物联网五班</a></li>
                <li><a href="#">卢奕恒</a></li>
                <li><a href="#">CB18133508</a></li>
            </ul>
        </div>
        <!--回到顶部-->
        <div class="back-to-top">
            <button>回到顶部</button>
        </div>
        <script src="js/jquery.js"></script>
        <script src="js/main.js"></script>

    </footer>

    
                
</body>

</html>

